<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>reflection</title>
	<link rel="stylesheet" type="text/css" href="css/styles.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css" />
	<link rel="stylesheet" type="text/css" href="css/component.css" />
	
	</head>

	<body>
	
<header>
	
</header>
		
	<form id="nl-form" class="nl-form">
							For me, the most
					<select>
						<option value="1" selected>meaningful</option>
						<option value="2">significan</option>
						<option value="3">important</option>
						<option value="4">relevant</option>
						<option value="5">useful</option>
					</select>
			
					<select>
						<option value="1" selected>aspects</option>
						<option value="2">elements</option>
						<option value="3">experiences</option>
						<option value="4">issues</option>
						<option value="5">ideas</option>
					</select>
					were
					<input type="text" value="" placeholder="the" />
					<div class="nl-submit-wrap">
						<button class="nl-submit" type="submit">Save</button>
					</div>
					<div class="nl-overlay"></div>
				</form>
			

			<footer>

			</footer>
	
			<script src="js/nlform.js"></script>
		<script>
			var nlform = new NLForm( document.getElementById( 'nl-form' ) );
		</script>
	</body>
</html>
